<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>New Marina</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/respond.js"></script>
    <!--[if lt IE 9]-->
    <script src="js/IE8&9 html5.js"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>
<div class="container">

     <!-- row 1: HEADER -->
    <header class="row blue-row">
        <div class="col-md-6">
            <div class="logo">
                <a href="#"><img src="images/Header_logo.png" alt="new marina elevators. click for home." class="img-responsive"/></a>
            </div>
        </div>    
    </header>

    
    	<!-- row 2: MENU -->
        <div >
        	<nav class="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="glyphicon glyphicon-arrow-down"></span>
                      MENU
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Products</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact Us</a></li>
                        <li><a class="hidden-xs"></a></li> 
                        <li><a class="hidden-xs"></a></li> 
                        <li><a class="hidden-xs"></a></li> 
                        <li><a class="hidden-xs"></a></li> 
                        <li><a class="hidden-xs"></a></li>
                        <li><a class="hidden-xs"></a></li>  
                        <li><a href="#"><img src="images/arabic.png"> AR</a></li>
                    </ul> 
                </div>
             </nav> 
        </div>
       
        <!-- row 3 : SLIDE SHOW -->
        <div >
            
                <div class="carousel slide" id="slideShow">
                    <div class="carousel-inner">
                        <div class="active item">
                            <img src="images/slider_img1.jpg" alt="New Marina Elevators" class="img-responsive"/>
                        </div>
                        <div class="item">    
                            <img src="images/slider_img2.jpg" alt="New Marina Elevators" class="img-responsive"/>
                        </div>
                        <div class="item">    
                            <img src="images/slider_img3.jpg" alt="New Marina Elevators" class="img-responsive"/>
                        </div>
                        <div class="item">    
                            <img src="images/slider_img4.jpg" alt="New Marina Elevators" class="img-responsive"/>
                        </div>    
                    </div>
                    <a href="#slideShow" class="carousel-control left" data-slide="prev">
                        <span class="icon-prev"></span>
                    </a>
                    <a href="#slideShow" class="carousel-control right" data-slide="next">
                        <span class="icon-next"></span>
                    </a>
                </div>
                
        </div>

        <!-- row 4 : article -->
        <div class="jumbotron">
            <article>
                <h2>Welcome to New Marina web site!</h2>
                <p class="">
                   New Marina for Eng. & Trd. Co. ( Elevators & Escalators )
                   In 1999 New Marina stared in elevator trade by importing elevator , 
                   escalators components from Germany , Italy , Spain , turkey and China .
                   Now New Marina became one of leading in the Egyptian elevators market.
                </p>
            </article>    
        </div> 

        <!-- row 5 : PROMO -->
        <div class="promo row">
            <div class="col-md-6">
                <div class="thumbnail">
                    <div class="caption">
                        <img src="images/Home_elevators_img.jpg" class="img-responsive"/>
                        <h3>Elevators</h3>
                        <p class="">
                            Since the mid-19th century, elevators have played a major role
                            in simultaneously transforming the city skylines of the world,
                            while making daily life more convenient. 
                        </p>
                        <a href="#">Read more »</a>
                    </div>    
                </div>    
            </div>
            <div class="col-md-6">
                <div class="thumbnail">
                    <div class="caption">
                        <img src="images/Home_escalators_img.jpg" class="img-responsive"/>
                        <h3>Escalators</h3>
                        <p class="">
                            Escalators are large, complicated and expensive installations, and the
                            level of engineering precision and manufacturing standards required to 
                            make them work reliably day in and day out is nothing short of phenomenal. 
                            These conveyance devices are an integral part of the daily lives of millions of
                            people around the world and are taken for granted on a mass scale. 
                        </p>
                        <a href="#">Read more »</a>
                    </div>    
                </div>    
            </div>
        </div>

    
    <!-- row 6 : contactus row -->
    <div class="contactUsRow blue-row">
        <div class="">
            <div class="row">
                <div class="details"> 
                    <div class=""><a href=""></a></div>
                    <div class="col-md-6">
                        <div class="footlogo">
                            <img src="images/footer_logo.png"/>  
                            <span><a>New</a> Marina</span>
                        </div>      
                        <div id="underline">
                            <img src="images/footer_line.png" class="img-responsive"/>
                        </div>
                        <div id="info">    
                            <h4>Contact us</h4>
                            <address>
                                <strong>Address:</strong> 
                                Nasr City, Cairo<br>
                                <strong>Tel:</strong> +2 24-111-820<br>
                                <strong>Fax:</strong> +2 01-007-444-598<br>
                                <strong>Email:</strong> <a href="#">info@itsolun.com</a>
                            </address>
                        </div>    
                    </div>
                </div>

                    
                    <div class="col-md-6">
                        <div id="getInTouch">
                            <h4>GET IN TOUCH</h4>
                            <ul class="social">
                               <li><a href="#" class="facebook" data-toggle="tooltip" title="Facebook"></a></li>
                               <li><a href="#" class="twitter" data-toggle="tooltip" title="Twitter"></a></li>
                               <li><a href="#" class="googleplus" data-toggle="tooltip" title="Google+"></a></li>
                               <li><a href="#" class="linkedin" data-toggle="tooltip" title="LinkedIn"></a></li>
                               <li><a href="#" class="pinterest" data-toggle="tooltip" title="Pinterest"></a></li>
                           </ul>
                        </div>
                    </div>  
            </div>
        </div>
    </div>    

    <!-- row 7 : FOOTER -->
    <footer>
        <div id="footText">
            <div class="">
                <div class="row">
                    <div class="span8">
                        <p class="pull-right">&copy; Powered by<span><a href="#"> ITSolun.</a></span></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </footer>
    
    

</div> <!-- end container -->

<!-- javascript -->
	<script src="js/jquery-latest.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $('.carousel').carousel({
                interval:2000,
                pause:"hover",
            });
            $("[data-toggle='tooltip']").tooltip();
        });
    </script>

</body>
</html>
